/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'iconfont';  /* Project id 3701776 */
    src: url('//at.alicdn.com/t/c/font_3701776_b3d5a1z66wa.woff2?t=1666080921103') format('woff2'),
         url('//at.alicdn.com/t/c/font_3701776_b3d5a1z66wa.woff?t=1666080921103') format('woff'),
         url('//at.alicdn.com/t/c/font_3701776_b3d5a1z66wa.ttf?t=1666080921103') format('truetype');
  }
 *{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 } 
 body{
     height: 5000px;
 }
 .clearfix::before,
 .clearfix::after{
     content: "";
     display: table;
     clear: both;
 }
.w{
    width: 1200px;
    margin: 0 auto;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.style_red{
    color: #c81623 !important;
}
// 快捷导航模块
.shortcut{
    height: 31px;
    background-color: #f1f1f1;
    line-height: 31px;
    font-size: 12px;
    li{
        float: left;
        color: #666;
        a{
            color: #666;
        }
    }
    .fr li:nth-child(even){
        margin: 9px 15px 0;
        width: 1px;
        height: 13px;
        background-color: #666666;
    }
    .fr .arrow-drow::after{
        content: "\e642";
        font-family: "iconfont";
        margin-left: 5px;
    }
}
// header模块
.header{
    position: relative;
    height: 106px;
    .logo{
        position: absolute;
        top: 25px;
        width: 171px;
        height: 61px;
        // background-color: aqua;
        h1 a{
            display: block;
            width: 171px;
            height: 61px;
            background: url(../images/logo.png) no-repeat;
            // 文字不显示 京东做法
            // font-size: 0px;
             // 文字不显示 淘宝做法
             text-indent: -9999px;
             overflow: hidden;
        }
    }
    .search{
        position: absolute;
        top: 25px;
        left: 350px;
        width: 538px;
        height: 36px;
        box-sizing: border-box;
        border: 2px solid #b1191a;
        input{
            border: 0;
            outline: none;
        }

        input[type=search]{
            float: left;
            padding-left: 10px;
            width: 455px;
            height: 32px;
        }

        input[type=submit]{
            width: 79px;
            height: 32px;
            background-color: #b1191a;
            color: #fff;
        }
    }
    .hotwords{
        position: absolute;
        top: 66px;
        left: 350px;
        a{
            font-size: 12px;
            color: #666;
            margin: 0 10px;
        }
    }
    .shopcar{
        position: absolute;
        top: 25px;
        right: 66px;
        width: 140px;
        height: 37px;
        line-height: 30px;
        text-align: center;
        background-color: #f7f7f7;
        border: 2px solid #dfdfdf;
        a{
            font-size: 12px;
            color: #666;
            &::before{
                content: "\e601";
                font-family: "iconfont";
                color: #b1191a;
                margin-right: 5px
            }
            &::after{
                content: "\e617";
                font-family: "iconfont";
                margin-left: 5px;
            }
        }
        .count{
            position: absolute;
            padding: 0 5px;
            top: -10px;
            left: 105px;
            height: 14px;
            line-height: 14px;
            background-color: #e60012;
            font-size: 12px;
            color: #fff;
            border-radius: 7px 7px 7px 0;
        }
    }
}
// nav模块
.nav{
    height: 47px;
    border-bottom: 2px solid #b1191a;
    .drowdown{
        float: left;
        height: 45px;
        width: 210px;
        background-color: #b1191a;
        .dt{
            height: 45px;
            width: 210px;
            line-height: 45px;
            text-align: center;
            color: #fff;
        }
        .dd{
            // display: none;
            margin-top: 2px;
            width: 210px;
            height: 465px;
            background-color: #c81623;
            ul li{
                position: relative;
                margin-left: 2px;
                height: 30px;
                line-height: 30px;
                padding-left: 10px;
                &::after{
                    content: "\e617";
                    font-family: "iconfont";
                    position: absolute;
                    right: 10px;
                    color: #fff;
                }
                &:hover{
                    background-color: #fff;
                    a{
                        color: #c81623;
                    }
                }
                a{
                    font-size: 14px;
                    color: #fff;
                }
            }
        }
    }
    .navitems{
        float: left;
        ul li{
            float: left;
            a{
                display: block;
                padding: 0 20px;
                height: 45px;
                line-height: 45px;
                color: black;
            }
        }
    }
}
// footer
.footer{
    height: 416px;
    background-color: #f5f5f5;
    padding-top: 30px;
    .mod_server{
        height: 80px;
        border-bottom: 1px solid #ededed;
        ul li{
            float: left;
            width: 240px;
            height: 52px;
            padding-left: 40px;
            h5{
                float: left;
                margin-right: 5px;
                width: 51px;
                height: 52px;
                background:url(../images/icons.png) no-repeat -252px 0;
            }
            h4{
                margin-top: 8px;
                font-size: 14px;
                font-weight: 500;
            }
            p{
                margin-top: 10px;
                font-size: 12px;
                color: #666666;
            }
            &:nth-child(2){
                h5{
                    background-position: -255px -53px;
                }
            }
            &:nth-child(3){
                h5{
                    background-position: -255px -104px;
                }
            }
            &:nth-child(4){
                h5{
                    background-position: -258px -156px;
                }
            }
            &:nth-child(5){
                h5{
                    background-position: -257px -207px;
                }
            }
        }
    }
    .mod_help{
        height: 190px;
        border-bottom: 1px solid #ededed;
        padding-top: 20px;
        padding-left: 50px;
        dl{
            float: left;
            width: 197px;
            &:last-child{
                width: 100px;
                text-align: center;
            }
        }
        dl dt{
            font-size: 16px;
            margin-bottom: 15px;
        }
        dl dd{
            margin-top: 5px;
           a{
            font-size: 12px;
            color: black !important;
           }
        }
    }
    .mod_copyright{
        padding-top: 20px;
        text-align: center;
        font-size: 12px;
        color: #666666;
        .links{
            margin-bottom: 15px;
            a{
                color: #666666;
            }
        }
        .coryright{
            line-height: 20px;
        }
    }
}